<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS代码捕捉回车键</title>
</head>
<body>
    <script type="text/javascript">
        window.onload = function () {
            var username = document.getElementById("username");
            // 获取键值 回车键是13, Esc键是27
            // 根据键值判断
            // username.onkeydown = function (event) {
            //     // 如果回调函数中有参数, 那么浏览器会把触发这个事件的事件对象
            //     // 当做参数传给回调函数
            //     // 如果不给回调函数设置参数, 浏览器也会传对象,
            //     // 但是这个方法由于没有设置参数, 拿不到这个对象
            //     // 参数最多设置一个, 按一下就触发事件, 之后的就传不进去了
            //     alert(event); //[object KeyboardEvent]
            // }

            // username.onkeydown = function (event) {
            //     // 对于"键盘事件", 都有一个属性 keyCode 来获取键值
            //     alert(event.keyCode); // 按下回车, 13; 按下Esc, 27
            // }

            // 按下回车登录
            username.onkeydown = function (event) {
                if (event.keyCode == 13) {
                    // 说明按下回车
                    alert("正在进行登录验证");
                }
            }
        }
    </script>
    用户名&nbsp;<input type="text" id="username"/>
    <br/>
    密&nbsp;&nbsp;&nbsp;码&nbsp;<input type="password" id="password"/>

</body>
</html>